<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./css/classify.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="container">
        <header>
            <nav>
                <a href="./search.html"><i class="iconfont icon-49"></i>
                    <input type="text" placeholder="搜索鲜花、蛋糕、礼品" class="search">
                </a>
            </nav>
        </header>

        <main>
            <section>
                <div class="content_Left">
                    <ul>
                        <li class="active">
                            <a href="#purpose">用途</a>
                        </li>
                        <li>
                            <a href="#flower">花材</a>
                        </li>
                        <li>
                            <a href="#category">类别</a>
                        </li>
                        <li>
                            <a href="#num">枝数</a>
                        </li>
                        <li>
                            <a href="./activity.html">3.8女神节鲜花</a>
                        </li>
                    </ul>
                </div>
            </section>

            <section>
                <div class="content_Right">
                    <img src="./images/classify/banner1_m.jpg.png" alt="">
                    <div class="rightBox">
                        <p id="purpose">用途</p>
                        <ul>
                            <li>
                                <a href="./result.html">爱情鲜花</a>
                            </li>
                            <li>
                                <a href="./result.html">生日鲜花</a>
                            </li>
                            <li>
                                <a href="./result.html">友情鲜花</a>
                            </li>
                            <li>
                                <a href="./result.html">探病问候</a>
                            </li>
                            <li>
                                <a href="./result.html">道歉鲜花</a>
                            </li>
                            <li>
                                <a href="./result.html">问候长辈</a>
                            </li>
                            <li>
                                <a href="./result.html">感谢老师</a>
                            </li>
                            <li>
                                <a href="./result.html">哀思鲜花</a>
                            </li>
                            <li>
                                <a href="./result.html">商务鲜花</a>
                            </li>
                        </ul>
                    </div>

                    <div class="rightBox">
                        <p id="flower">花材</p>
                        <ul>
                            <li>
                                <a href="./result.html">玫瑰</a>
                            </li>
                            <li>
                                <a href="./result.html">百合</a>
                            </li>
                            <li>
                                <a href="./result.html">康乃馨</a>
                            </li>
                            <li>
                                <a href="./result.html">向日葵</a>
                            </li>
                            <li>
                                <a href="./result.html">满天星</a>
                            </li>
                            <li>
                                <a href="./result.html">郁金香</a>
                            </li>
                            <li>
                                <a href="./result.html">菊花</a>
                            </li>
                            <li>
                                <a href="./result.html">其他</a>
                            </li>
                        </ul>
                    </div>

                    <div class="rightBox">
                        <p id="category">类别</p>
                        <ul>
                            <li>
                                <a href="./result.html">花束</a>
                            </li>
                            <li>
                                <a href="./result.html">礼盒</a>
                            </li>
                            <li>
                                <a href="./result.html">蛋糕</a>
                            </li>
                            <li>
                                <a href="./result.html">花篮</a>
                            </li>
                            <li>
                                <a href="./result.html">绿植</a>
                            </li>
                            <li>
                                <a href="./result.html">周花</a>
                            </li>
                            <li>
                                <a href="./result.html">手提花篮</a>
                            </li>
                            <li>
                                <a href="./result.html">桌花</a>
                            </li>
                            <li>
                                <a href="./result.html">其他</a>
                            </li>
                        </ul>
                    </div>

                    <div class="rightBox">
                        <p id="num">枝数</p>
                        <ul>
                            <li>
                                <a href="./result.html">11枝</a>
                            </li>
                            <li>
                                <a href="./result.html">19枝</a>
                            </li>
                            <li>
                                <a href="./result.html">21枝</a>
                            </li>
                            <li>
                                <a href="./result.html">33枝</a>
                            </li>
                            <li>
                                <a href="./result.html">52枝</a>
                            </li>
                            <li>
                                <a href="./result.html">66枝</a>
                            </li>
                            <li>
                                <a href="./result.html">99枝</a>
                            </li>
                            <li>
                                <a href="./result.html">其他</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
        </main>
    </div>

    <!-- 底部固定导航 -->
    <div class="bottomTab">
        <ul>
            <li>
                <a href="./index.html">
                    <i class="iconfont icon-shouye"></i>
                    <p>首页</p>
                </a>
            </li>
            <li class="active">
                <a href="./classify.html">
                    <i class="iconfont icon-fenlei"></i>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dianhua"></i>
                    <p>电话</p>
                </a>
            </li>
            <li>
                <a href="./cart-0.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="./psnCenter.html">
                    <i class="iconfont icon-31wode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>